:root {
    /* Light mode variables */
    --website-decoration-line: #F6F6F6;
    --website-font-active: #2CA7F8;
    --website-font-primary: #121212;
    --website-font-secondary: #808080;
    --website-font-third: #BEBEBE;
    --website-image-border: rgba(0,0,0,0.12);
    --website-layer-background: #F7F7F9;
    --website-layer-card-background: #FFFFFF;
    --website-layer-card-border: #E4E4E4;
    --website-layer-footer: #FFFFFF;
    --website-tag-active-background: #EEF9FF;
    --website-tag-active-border: #40B3F5;
    --website-tag-background: #FBFBFB;
    --website-tag-border: #E4E4E4;
  }
  
  /* Dark mode variables */
  @media (prefers-color-scheme: dark) {
    :root {
      --website-decoration-line: #4F4F4F;
      --website-font-active: #4BB6FC;
      --website-font-primary: #EFEFEF;
      --website-font-secondary: #C5C5C5;
      --website-font-third: #8E8E8E;
      --website-image-border: rgba(0,0,0,0.12);
      --website-layer-background: #212121;
      --website-layer-card-background: #2C2C2C;
      --website-layer-card-border: #404040;
      --website-layer-footer: #3A3A3A;
      --website-tag-active-background: #133141;
      --website-tag-active-border: #2776A4;
      --website-tag-background: #282828;
      --website-tag-border: #1F1F1F;
    }
  }
  